<template>
  <el-steps :active="active" finish-status="success" style="width: 80%;margin: 100px auto;">
    <el-step title="这是一个不存在的页面"></el-step>
    <el-step title="请检查路径"></el-step>
    <el-step title="即将调转到主页"></el-step>
  </el-steps>
</template>

<script>
    export default {
        data() {
            return {
                active: 0
            };
        },
        name: "404",
        mounted() {
            this.timer = setInterval(() => {
                if (this.active++ > 2) {
                    this.$router.push('/')
                    clearInterval(this.timer)
                }
            }, 800)
        }

    }
</script>

<style>

</style>